<template>
  <div>
    <div>

    </div>
    <div class="hr"></div>
    <div>
      <div class="title">
        <span>宿舍基本信息</span>
      </div>
      <div class="hr"></div>
      <div>
        <el-row>
          <el-col :span="6" style="text-align: right">姓名</el-col>
          <el-col :span="1">
            <span class="line"></span>
          </el-col>
          <el-col :span="15">
            <input readonly v-model="registerInfo.name" class="name-css" value="宋东亭">
          </el-col>
        </el-row>
        <div class="hr"></div>
        <el-row>
          <el-col :span="6" style="text-align: right">性别</el-col>
          <el-col :span="1">
            <span class="line"></span>
          </el-col>
          <el-col :span="15">
            <input class="name-css" readonly v-model="registerInfo.sex" value="宋东亭">
          </el-col>
        </el-row>
        <div class="hr"></div>
        <el-row>
          <el-col :span="6" style="text-align: right">身份证</el-col>
          <el-col :span="1">
            <span class="line"></span>
          </el-col>
          <el-col :span="15">
            <input class="name-css" readonly v-model="registerInfo.idCard" value="宋东亭">
          </el-col>
        </el-row>
        <div class="hr"></div>
        <el-row>
          <el-col :span="6" style="text-align: right">录取编号</el-col>
          <el-col :span="1">
            <span class="line"></span>
          </el-col>
          <el-col :span="15">
            <input class="name-css" readonly v-model="registerInfo.admissionNumber" value="宋东亭">
          </el-col>
        </el-row>
        <div class="hr"></div>
        <el-row>
          <el-col :span="6" style="text-align: right">学院</el-col>
          <el-col :span="1">
            <span class="line"></span>
          </el-col>
          <el-col :span="15">
            <input class="name-css" readonly v-model="registerInfo.department" value="宋东亭">
          </el-col>
        </el-row>
        <div class="hr"></div>
        <el-row>
          <el-col :span="6" style="text-align: right">专业</el-col>
          <el-col :span="1">
            <span class="line"></span>
          </el-col>
          <el-col :span="15">
            <input class="name-css" readonly v-model="registerInfo.major" value="宋东亭">
          </el-col>
        </el-row>
        <div class="hr"></div>
        <el-row>
          <el-col :span="6" style="text-align: right">宿舍</el-col>
          <el-col :span="1">
            <span class="line"></span>
          </el-col>
          <el-col :span="15">
            <input class="name-css" readonly v-model="registerInfo.dormitory" value="宋东亭">
          </el-col>
        </el-row>
        <div class="hr"></div>
        <el-row>
          <el-col :span="6" style="text-align: right">房间号</el-col>
          <el-col :span="1">
            <span class="line"></span>
          </el-col>
          <el-col :span="15">
            <input class="name-css" readonly v-model="registerInfo.room" value="宋东亭">
          </el-col>
        </el-row>
        <div class="hr"></div>
      </div>
    </div>


  </div>
</template>

<script>
export default {
  name: "InformationSheet",
  data() {
    return {
      registerInfo: {
        name: '',
        sex: '',
        idCard: '',
        admissionNumber: '',
        department: '',
        major: '',
        dormitory: '',
        room: ''
      }
    }
  },
  created() {
  },
  methods: {

  }
}
</script>

<style lang="less" scoped>

.title {
  display: flex;
  align-items: center;
  height: 2.6rem;
  text-align: left;
  font-size: 1rem;
  border-left: 4px solid #13ce66;
}
.title span {
  margin-left: .7rem;
}
.hr {
  margin-top: .6rem;
  margin-bottom: .6rem;
  width: 100%;
  border-bottom: 1px solid #bfcbd9;
}
.line {
  margin: 3px 1rem 3px 1rem;
  height: 1rem;
  border-left: 1px solid #888888;
}
.name-css {
  border: 0;
  outline: none;
  width: 98%;
  font-size: 1rem;
  text-align: right;
}
</style>
